﻿@Imports SchoolClick.Database.jqGrid
@Code
    Dim notasAE = New JqGridHelper(Of NOTAS_PERIODOS_AE)("table-notas-det-gral",
       dataType:=JqGridDataTypes.Json, methodType:=JqGridMethodTypes.Post,
       rowsNumber:=15,
       viewRecords:=True,
       width:=560, height:=300
    )
End Code
@Html.TituloHeader(String.Format("Historial de calificaciones del alumno con número de NIE {0}<br /><strong style=""font-size:15px;"">{1} {2}</strong>", ViewBag.InfoAlumno.NIE, ViewBag.InfoAlumno.NOMBRES, ViewBag.InfoAlumno.APELLIDOS),
                        New With {.style = "margin-bottom: 8px; margin-top: 20px; text-align: center; width: 100%; max-width: none;"})
<div style="margin: 0 auto; float: none; width: 925px;">
    @Html.TableFields("GRADOS CURSADOS POR EL ALUMNO"
        ).AddField("cmbGrados", "Seleccione un grado para visualizar las calificaciones", JFControlType.ComboBox, New JFOptionsFields(
            ).setSource(Url.Action("_get_grados_del_alumno", "Alumnos", New With {.Alumno = ViewBag.IDAlumno}))
    ).SetTableWidth(920).SetHTMLAttributes(New With {.Style = "margin-bottom: 10px;"}
    ).AddJavaScript(String.Format("$('#jerti-content').attr('data-alumno', '{0}');", ViewBag.IDAlumno)
    ).AddJavaScript(notasAE.GetJavaScript.ToHtmlString)
</div>
<div class="j-twopanel-container" style="padding-bottom: 40px; margin: 0 auto; float: none; width: 925px;">
    <div class="j-panel div-separation" style="padding-right: 20px; width: 560px;">
        @Html.TituloFieldSet("Resumen de notas del año escolar", New With {.Style = "margin-bottom: 10px;"})
        @notasAE.GetHtml()
    </div>
    <div class="j-panel div-separation" style="padding-right: 0px; width: 345px;">
        @Html.TituloFieldSet("Detalle de actividades por materia", New With {.Style = "margin-bottom: 10px;"})
        @Html.TableFields(""
            ).AddField("cmbPeriodo", "Periodo", JFControlType.ComboBox, New JFOptionsFields(
                       ).setSource(Url.Action("_get_periodos_evaluativos_alumno", "Alumnos", New With {.Alumno = ViewBag.IDAlumno}), False)
            ).AddField("cmbMaterias", "Materia", JFControlType.ComboBox, New JFOptionsFields(
                       ).setSource(Url.Action("_get_materias_alumno_bygrado", "Alumnos", New With {.Alumno = ViewBag.IDAlumno}), False)
        ).SetHTMLAttributes(New With {.Style = "margin-bottom: 10px;"})

        @Html.LoadPartialViewAJAX("detalle-notas-periodo", 
                                  Url.Action("_get_notas_actividades_periodo_alumno_admin", "Alumnos", New With {.Alumno = ViewBag.IDAlumno}),
                                  False)
    </div>
</div>

<script type="text/javascript">
    $(function () {
        $('.ui-jqgrid .ui-jqgrid-htable th div').css('overflow', 'visible').css('height', 'auto');
        $('.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column').css('white-space', 'normal').css('vertical-align', 'middle');

        $('#cmbGrados').on({
            change: function () {
                $('#table-notas-det-gral').jqGrid('setGridParam', { url: '/Alumnos/_resumen_gral_notas_alumno_admin?Grado=' + this.value + '&Alumno=' + $('#jerti-content').attr('data-alumno') }).trigger('reloadGrid');
                $('#cmbPeriodo').loadComboBox({ parametros: { IDGrado: $('#cmbGrados').val() } });
                $('#cmbMaterias').loadComboBox({parametros: { IDGrado: $('#cmbGrados').val() }});
            },
            loadSuccess: function () { setTimeout('fixLoadNotas()', 400);}
        });

        $('#cmbPeriodo, #cmbMaterias').on({
            change: function () { fixLoadDetalleNotas(); },
            loadSuccess: function () { setTimeout('fixLoadDetalleNotas()', 200); }
        });

    });

    function fixLoadNotas() {
        $('#table-notas-det-gral').jqGrid('setGridParam', { url: '/Alumnos/_resumen_gral_notas_alumno_admin?Grado=' + $('#cmbGrados').val() + '&Alumno=' + $('#jerti-content').attr('data-alumno') }).trigger('reloadGrid');
        $('#cmbPeriodo').loadComboBox({
            parametros: { IDGrado: $('#cmbGrados').val() }
        });
        $('#cmbMaterias').loadComboBox({
            parametros: { IDGrado: $('#cmbGrados').val() }
        });
    }

    function fixLoadDetalleNotas() {
        var valPeriodo = $('#cmbPeriodo').val(),
            valMateria = $('#cmbMaterias').val()

        if ((valPeriodo) && (valMateria)) {     //Comprobamos que ambos ya tengan un valor posible
            $('#detalle-notas-periodo').loadPartialView({
                parametros: {
                    IDGrado: $('#cmbGrados').val(),
                    IDPeriodo: valPeriodo,
                    IDMateria: valMateria
                }
            });
        }
    }
</script>
